<template>
    <h1>我是首页的内容</h1>

    <button @click="goLogin">点击跳转到 购物车</button>
</template>

<script>
export default {
    methods: {
        goLogin() {
            // 更改路由, 并传递参数
            // this.$router.push("/cart/10086/qf001");
            // 更改上边的跳转方式
            // this.$router.push({
            //     name: 'cart',   // 当前方式路径前不需要添加 /
            //     params: {
            //         id: '10086',
            //         name: 'qf001'
            //     }
            // })

            // this.$router.push("/cart?id=10086&name=qf001")
            this.$router.push({
                name: 'cart',   // 当前方式路径前不需要添加 /
                query: {
                    id: '10086',
                    name: 'qf001',
                    age: '18'
                }
            })
        },
    },
};
</script>
